<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0039)./Role.html -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>
        榆林科技馆内容页
    </title>
    <link rel="stylesheet" type="text/css" href="../css/reset.css">
    <link rel="stylesheet" type="text/css" href="../css/main.css">
    <script type="text/javascript" src="../js/jquery.min.js"></script>
    <script type="text/javascript" src="../js/colResizable-1.3.min.js"></script>
    <style type="text/css">.CRZ {
        table-layout: fixed;
    }

    .CRZ td, .CRZ th {
        padding-left: 0px !important;
        padding-right: 0px !important;
        overflow: hidden
    }

    .CRC {
        height: 0px;
        position: relative;
    }

    .CRG {
        margin-left: -5px;
        position: absolute;
        z-index: 5;
    }

    .CRG .CRZ {
        position: absolute;
        background: none;
        filter: alpha(opacity=1);
        opacity: 0;
        width: 10px;
        height: 100%;
        top: 0px
    }

    .CRL {
        position: absolute;
        width: 1px
    }
    .input_per{
       width: 30px;
    }
    .permission-list2 div{
        display: inline-block;
        margin-left: 20px;

    }
    .permission-list2 span{
        font-weight:bold ;
        width: 200px;
    }
    .CRD {
        border-left: 1px dotted black
    }</style>
    <script type="text/javascript" src="../js/adddate.js"></script>
    <script src="../js/vue2.min.js"></script>
    <script src="../js/axios.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $(".list_table").colResizable({
                liveDrag: true,
                gripInnerHtml: "<div class='grip'></div>",
                draggingClass: "dragging",
                minWidth: 30
            });
            var data = "";
            if (data != null || data != undefined || data != '') {
                var arr = data.split(",");
                for (var i = 0; i < arr.length - 1; i++) {

                    document.getElementById(arr[i]).checked = true;
                }

            }
        });
    </script>
</head>
<body>
<form name="form1" method="post" action="./Role.html" id="form1">
    <div>


        <script type="text/javascript">
            //<![CDATA[
            var theForm = document.forms['form1'];
            if (!theForm) {
                theForm = document.form1;
            }

            function __doPostBack(eventTarget, eventArgument) {
                if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
                    theForm.__EVENTTARGET.value = eventTarget;
                    theForm.__EVENTARGUMENT.value = eventArgument;
                    theForm.submit();
                }
            }

            //]]>
        </script>


        <!--条件检索-->
        <div class="main_box" id="vueBox">
            <div class="side_here">
                <p>
                    <a href="./Role.html" title="首页"></a>当前位置 &gt; <span>系统设置</span> &gt; <span> 角色管理</span></p>
            </div>
            <div class="kong">
            </div>
            <!--公用位置导航结束-->
            <div class="cont_box">
                <p class="title_bt">
                    新增角色</p>
                <table class="table_list1" border="0" cellspacing="0" cellpadding="0">
                    <tbody>
                    <tr>
                        <td class="name">
                            角色名称：
                        </td>
                        <td class="enter2">
                            <input name="txtR_name" type="text" id="txtR_name" class="input" size="40">

                        </td>
                        <td class="name">
                            角色描述：
                        </td>
                        <td class="enter2">
                            <input name="txtR_remark" type="text" id="txtR_remark" class="input" size="40">

                        </td>
                    </tr>
                    </tbody>
                </table>
                <div class="formControls" style="margin-left: 80px;">
                    <dl class="permission-list">
                        <dt>
                            <label>
                                权限</label>
                        </dt>
                        <dd>

                            <dl class="permission-list2" v-for="t in permissions">
                                <div style="width: 100px;">
                                    <span class="">
                                        {{t.ptname}}</span>
                                </div>
                                <div v-for="p in t.plists">
                                    <input runat="server" :name="p.pname" type="checkbox" value="2"
                                           :id="p.pid" class="input_per">{{p.pname}}&nbsp;

                                </div>
                            </dl>


                        </dd>
                    </dl>
                    <div class="anniu1" style="margin-left: 300px;">
                        <input type="submit" name="BtnSave" value="保存" id="BtnSave" class="btn btn-secondary radius">
                        <input type="submit" name="btnquxiao" value="取消" id="btnquxiao" class="btn btn-default radius">

                    </div>
                </div>
            </div>
            <!--表格选项-->
            <div class="cont_box">
                <p class="title_bt">
                    角色列表
                </p>
                <table width="1060" border="0" cellpadding="0" cellspacing="0" class="table_list2">
                    <tbody>
                    <tr>
                        <th width="10%">
                            角色名称
                        </th>
                        <th width="20%">
                            角色描述
                        </th>
                        <th width="30%">
                            角色权限
                        </th>
                        <th width="15%">
                            添加时间
                        </th>
                        <th width="20%">
                            操作
                        </th>
                    </tr>

                    <tr>
                        <td>
                            电影管理员
                        </td>
                        <td>

                        </td>
                        <td>
                            电影添加, 电影信息管理, 电影场次添加, 电影场次信息管理, 预约电影场次管理, 会员注册, 会员管理, 系统用户, 数据字典, 角色管理, 数据备份,
                        </td>
                        <td>
                            2022-07-11
                        </td>
                        <td>
                            <input type="submit" name="Repeater1$ctl00$btnEdit" value="" id="Repeater1_ctl00_btnEdit"
                                   title="编辑" class="btn btn_an btn_config">

                            <input type="submit" name="Repeater1$ctl00$btndel" value=""
                                   onclick="return confirm(&#39;确定要删除吗？删除同时也会删除这个角色下的所有用户&#39;);"
                                   id="Repeater1_ctl00_btndel" class="btn btn_an btn_del">
                        </td>

                    </tr>
                    <tr>
                        <td>
                            科技馆管理员
                        </td>
                        <td>

                        </td>
                        <td>
                            科技馆场次添加, 科技馆场次信息管理, 预约科技馆场次管理, 科技馆团体预约信息审核, 场馆人数, 宣传图片, 当前日期电影信息, 科技馆场次信息统计, 电影场次信息统计,
                            会员信息统计, 会员注册, 会员管理, 系统用户, 数据字典, 角色管理, 数据备份,
                        </td>
                        <td>
                            2022-07-11
                        </td>
                        <td>
                            <input type="submit" name="Repeater1$ctl01$btnEdit" value="" id="Repeater1_ctl01_btnEdit"
                                   title="编辑" class="btn btn_an btn_config">

                            <input type="submit" name="Repeater1$ctl01$btndel" value=""
                                   onclick="return confirm(&#39;确定要删除吗？删除同时也会删除这个角色下的所有用户&#39;);"
                                   id="Repeater1_ctl01_btndel" class="btn btn_an btn_del">
                        </td>

                    </tr>
                    <tr>
                        <td>
                            aaaaa
                        </td>
                        <td>

                        </td>
                        <td>
                            电影信息管理, 电影场次信息管理,
                        </td>
                        <td>
                            2022-07-11
                        </td>
                        <td>
                            <input type="submit" name="Repeater1$ctl02$btnEdit" value="" id="Repeater1_ctl02_btnEdit"
                                   title="编辑" class="btn btn_an btn_config">

                            <input type="submit" name="Repeater1$ctl02$btndel" value=""
                                   onclick="return confirm(&#39;确定要删除吗？删除同时也会删除这个角色下的所有用户&#39;);"
                                   id="Repeater1_ctl02_btndel" class="btn btn_an btn_del">
                        </td>

                    </tr>
                    <tr>
                        <td>
                            超级牛逼的我
                        </td>
                        <td>
                            我是
                        </td>
                        <td>
                            科技馆场次信息管理, 电影信息管理, 电影场次信息管理,
                        </td>
                        <td>
                            2022-07-11
                        </td>
                        <td>
                            <input type="submit" name="Repeater1$ctl03$btnEdit" value="" id="Repeater1_ctl03_btnEdit"
                                   title="编辑" class="btn btn_an btn_config">

                            <input type="submit" name="Repeater1$ctl03$btndel" value=""
                                   onclick="return confirm(&#39;确定要删除吗？删除同时也会删除这个角色下的所有用户&#39;);"
                                   id="Repeater1_ctl03_btndel" class="btn btn_an btn_del">
                        </td>

                    </tr>
                    </tbody>
                </table>
                <!--页码开始-->
                <div class="pages" style="margin-top: 40px;">
                    <ul class="yema">
                        <li style="border-left: none;">
                            <a id="Lbthead" class="pagebtn"
                               href="javascript:__doPostBack(&#39;Lbthead&#39;,&#39;&#39;)">首页</a></li>
                        <li>
                            <a id="Lbtpre" class="pagebtn" href="javascript:__doPostBack(&#39;Lbtpre&#39;,&#39;&#39;)">上一页</a>
                        </li>
                        <li>
                            <a id="Lbtnext" class="pagebtn"
                               href="javascript:__doPostBack(&#39;Lbtnext&#39;,&#39;&#39;)">下一页</a></li>
                        <li>
                            <a id="Lbtend" class="pagebtn" href="javascript:__doPostBack(&#39;Lbtend&#39;,&#39;&#39;)">尾页</a>
                        </li>
                        <div class="clear">
                        </div>
                    </ul>
                    <div class="searchPage">
                    <span class="page-sum">共<strong class="allPage">&nbsp;
                    </strong>页</span>&nbsp;<span class="page-sum">第<strong class="allPage">&nbsp;1
                    </strong>页</span> <span class="page-go">跳转第
                        <input name="Txtpageno" type="text" id="Txtpageno" class="pagebtn" size="3"
                               onkeyup="this.value=this.value.replace(/[^\d\.]/g, &#39;&#39;)"
                               style="ime-mode: disabled">页</span>
                        <a id="BtngoPage" class="page-btn"
                           href="javascript:__doPostBack(&#39;BtngoPage&#39;,&#39;&#39;)">GO</a>
                    </div>
                    <div class="clear">
                    </div>
                </div>
            </div>
        </div>

        <span id="Lblalert"></span>
        <span id="Label3"></span>
        <!--页码结束-->
        <!--按钮元素-->
</form>

<script type="text/javascript">
    app =new Vue({
        el : "#vueBox",
        data : {
            permissions :[],
            users:[]
        }
    })

    window.onload=init();
    function init() {
        axios.get("../perServlet?action=findAll").then(res=>{
            app.permissions=res.data
            console.log(res)
        })
    }
</script>

</body>
</html>